import React, { Component } from 'react'

export default class App extends Component {
    state={
        myname:"huahua"
    }
  render() {
    console.log("render");
    return (
        <div>
        <button onClick={()=>{
            this.setState({
                myname:"bjyx"
            })
        }}>click</button>
        {this.state.myname}
        </div>
    )
  }
  componentDidUpdate(){
    console.log(this.state.myname);
  }
//   新能优化scu
  shouldComponentUpdate(nextProps,nextState){
    // return true 应该更新
    // return false 阻止更新
    // 老状态不等于新的状态就允许页面更新
    // if(this.state.myname!==nextState.myname){
    //     return true
    // }
    // JSON.stringify(this.state)!==JSON.stringify(nextState)判断多个参数时
    if(JSON.stringify(this.state)!==JSON.stringify(nextState)){
        return true
    }
    return false
  }
}
